<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>终端详情</title>
    <meta name="ctx" th:content="${#httpServletRequest.getContextPath()}"/>
    <link rel="stylesheet" th:href="@{/css/admin/base-v2.css}">
    <link rel="stylesheet" th:href="@{/lib/font-awesome/4.7.0/css/font-awesome.min.css}">
    <link rel="stylesheet" th:href="@{/css/admin/app.css}">
    <link rel="stylesheet" th:href="@{/css/admin/b-terminal-detail.css}">
</head>
<body>
<div class="app-page">
    <div class="app-page-content">
        <div class="app-card">
            <div class="app-card-head">
                <div class="border"></div>
                <div class="app-card-title">终端详细信息</div>
            </div>
            <div class="app-card-body">
                <div class="app-card-body-con">

                    <div class="info-con">
                        <div class="info-item">
                            <div class="label">终端序列号</div>
                            <div class="info-val" th:text="${device.deviceCode}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">创建时间</div>
                            <div class="info-val" th:text="${device.createTime}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">modem SN</div>
                            <div class="info-val" th:text="${device.modemSn}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">sim卡在位</div>
                            <div class="info-val" th:text="${device.simIsReign}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">modem IMEI</div>
                            <div class="info-val" th:text="${device.modemImei}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">sim卡 ICCID</div>
                            <div class="info-val" th:text="${device.simIccid}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">modem联网类型</div>
                            <div class="info-val" th:text="${device.modemNetworkType}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">sim卡 IMEI</div>
                            <div class="info-val" th:text="${device.simImei}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">modem信号强度</div>
                            <div class="info-val" th:text="${device.modemSignalStrength}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">modem最后一次登录时间</div>
                            <div class="info-val" th:text="${device.modemLastLoginTime}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">modem发送字节数</div>
                            <div class="info-val" th:text="${device.modemSendBytes}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">modem接收字节数</div>
                            <div class="info-val" th:text="${device.modemReceivedBytes}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">接收平均速度</div>
                            <div class="info-val" th:text="${device.receivingAverageSpeed}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">历史总流量</div>
                            <div class="info-val" th:text="${device.historyTotalFlow}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">设备mac</div>
                            <div class="info-val" th:text="${device.deviceMac}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">设备名</div>
                            <div class="info-val" th:text="${device.deviceName}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">内网ip</div>
                            <div class="info-val" th:text="${device.intranetIp}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">外网ip</div>
                            <div class="info-val" th:text="${device.externalIp}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">在线状态</div>
                            <div class="info-val" th:text="${device.deviceStatus}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">机型</div>
                            <div class="info-val" th:text="${device.deviceModel}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">所属商家</div>
                            <div class="info-val" th:text="${device.companyName}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">省份</div>
                            <div class="info-val" th:text="${device.province}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">城市</div>
                            <div class="info-val" th:text="${device.city}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">区/县</div>
                            <div class="info-val" th:text="${device.area}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">详细地址</div>
                            <div class="info-val" th:text="${device.detailAddr}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">终端最后一次重启时间</div>
                            <div class="info-val" th:text="${device.lastRebootTime}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">连续工作时长</div>
                            <div class="info-val" th:text="${device.continuousWorkingHours}"></div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="app-card">
            <div class="app-card-head">
                <div class="border"></div>
                <div class="app-card-title">版本信息</div>
            </div>
            <div class="app-card-body">
                <div class="app-card-body-con">
                    <div class="info-con">
                        <div class="info-item">
                            <div class="label">mips版本</div>
                            <div class="info-val" th:text="${device.softwareVersion}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">mips升级时间</div>
                            <div class="info-val" th:text="${device.softwareUpgradeTime}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">固件版本</div>
                            <div class="info-val" th:text="${device.firmwareVersion}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">固件升级时间</div>
                            <div class="info-val" th:text="${device.firmwareUpgrageTime}"></div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="app-card">
            <div class="app-card-head">
                <div class="border"></div>
                <div class="app-card-title">策略信息</div>
            </div>
            <div class="app-card-body">
                <div class="app-card-body-con">
                    <div class="info-con">
                        <div class="info-item">
                            <div class="label">开机时间</div>
                            <div class="info-val" th:text="${device.timeBoot}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">关机时间</div>
                            <div class="info-val" th:text="${device.timeShutdown}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">开屏时间</div>
                            <div class="info-val" th:text="${device.timeBootScreen}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">关屏时间</div>
                            <div class="info-val" th:text="${device.timeShutdownScreen}"></div>
                        </div>
                        <div class="info-item">
                            <div class="label">音量</div>
                            <div class="info-val" th:text="${device.deviceVolume}"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="app-card">
            <div class="app-card-head">
                <div class="border"></div>
                <div class="app-card-title">节目信息</div>
            </div>
            <div class="app-card-body">
                <div class="app-card-body-con">
                    <table class="z-table">
                        <thead>
	                        <th>节目名称</th>
	                        <th>状态</th>
	                        <th>播放时长（s)</th>
                        </thead>
                        <tbody>
                      <!--   <tr>
                            <td colspan="10" class="z-center">暂无数据</td>
                        </tr> -->
	                        <tr th:each="program: ${device.programQueue}">
	                            <td th:text="${program.programName}"></td>
	                            <td th:text="${program.state}"></td>
	                            <td th:text="${program.duration == null?'':#numbers.formatDecimal((program.duration/1000.0), 0, 2)}"></td>
	                        </tr>
                        </tbody>
                    </table>
                    <br/><br/>
                </div>
            </div>
        </div>
    </div>
</div>

<script th:src="@{/lib/jquery.min.js}"></script>
<script th:src="@{/lib/layer-v3.1.1/layer/layer.js}"></script>
<script th:src="@{/js/popup.js}"></script>
<script th:src="@{/js/form.js}"></script>
<script th:src="@{/js/admin/app.js}"></script>
<script>

    $(function () {
        var id = App.getUrlParams().id;
    })
</script>
</body>
</html>